//icon-size
@each $value in 16, 20, 24, 28, 30, 32, 34, 36, 40, 42, 48, 50, 56, 60, 64, 72, 76, 80, 88, 96, 112, 120, 128, 144, 160,
	192, 208
{
	.icon-#{$value} {
		width: $value + rpx;
		height: $value + rpx;
	}
}

.arrow-right {
	display: inline-block;
	width: 20rpx;
	height: 20rpx;
	background: url(#{$imgBaseUrl}right-icon.png);
	background-position: center center;
	background-size: cover;
}

.user-avatar {
	width: 96rpx;
	height: 96rpx;
	border-radius: 50%;
	border: 2rpx solid $c-white;
	image {
		width: 100%;
		height: 100%;
	}
}
